<link rel="stylesheet" href="/assets/home/css/index.css" />

<div class="mui-content">
    <div class="swiper mySwiper">
        <div class="swiper-wrapper">
            {foreach $suggestList as $suggest}
            <div class="swiper-slide">
                <a href="">
                    <img src="{$suggest.thumbs_text}">
                    <p class="mui-slider-title">{$suggest.title}</p>
                </a>
            </div>
            {/foreach}
        </div>
        <div class="swiper-pagination" style="text-align: right;"></div>
    </div>
</div>

<div class="menulist">
    <div class="item">
        <a href="live.html">
            <img src="/assets/home/images/live.png" alt="">
            <div class="name">课程直播</div>
        </a>
    </div>

    <div class="item">
        <a href="{:url('home/business/commentIndex')}">
            <img src="/assets/home/images/comment.png" alt="">
            <div class="name">学员评论</div>
        </a>
    </div>

    <div class="item">
        <a href="{:url('home/index/ranking')}">
            <img src="/assets/home/images/ranking.png" alt="">
            <div class="name">课程榜单</div>
        </a>
    </div>

    <div class="item">
        <a href="{:url('home/index/coupon')}">
            <img src="/assets/home/images/coupon.png" alt="">
            <div class="name">领取优惠</div>
        </a>
    </div>
</div>

<div class="list">
    <div class="title">精选课程</div>
    <ul>
        {foreach $subjectList as $subject}
        <li>
            <a href="{:url('home/subject/info',['subid'=>$subject.id])}">
                <div class="imgs">
                    <img class="mui-media-object" src="{$subject.thumbs_text}">
                </div>
                <div class="mui-media-body">{$subject.title}</div>
                <div class="info">
                    <div class="price">￥{$subject.price}</div>
                    <div class="like">
                        {$subject.likes_text}
                        <img src="/assets/home/images/thumbs-up.png" alt="">
                    </div>
                </div>
            </a>
        </li>
        {/foreach}
    </ul>
</div>

<!-- 精选名师 -->
<div class="list teacher">
    <div class="title">精选名师</div>
    <ul>
        {foreach $teacherList as $teacher}
        <li>
            <a href="{:url('home/teacher/info',['teacherid'=>$teacher.id])}">
                <div class="imgs">
                    <img class="mui-media-object" src="{$teacher.avatar_text}">
                </div>
                <div class="mui-media-body">{$teacher.name}</div>
                <div class="info">
                    <div class="num">课程：{$teacher.subject_text}</div>
                    <div class="like">
                        {$teacher.subject_text}
                        <img src="/assets/home/images/like.png" alt="">
                    </div>
                </div>
            </a>
        </li>
        {/foreach}
    </ul>
</div>

<!-- 底部 -->
{include file="common/footer" /}

<!-- 引入JS -->
{include file="common/script" /}